<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>{{ config('app.webName') }}</title>
	<!-- css -->
	<link href="/home/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
	<link href="/home/css/ionicons.min.css" rel="stylesheet" type="text/css"/>
	<link href="/home/css/layout.css" rel="stylesheet" type="text/css" />
	<link href="/home/css/welcome.css" rel="stylesheet" type="text/css"/>
	<link href="/home/css/movie.css" rel="stylesheet" type="text/css"/>
	<link href="/home/css/trailer.css" rel="stylesheet" type="text/css"/>
	<!-- jquery -->
	<script type="text/javascript" src="/home/js/jquery.min.js"></script>
	<script type="text/javascript" src="/home/js/jquery.SuperSlide.js"></script>
	<!-- lunbo -->
	<link href="/home/css/lunbo/bootstrap.min.css" rel="stylesheet" type="text/css"/> 
	<link href="/home/css/lunbo/style.css" rel="stylesheet" type="text/css"/>
	<link href="/home/css/lunbo/blue.css" rel="stylesheet" type="text/css" id="style_color"/>

	<!-- details -->
	<link rel="stylesheet" type="text/css" href="/home/css/details.css">
	<!-- lunboend -->
</head>
<body>
	<header>
		<div class="top">
			<div class="menu">
				<a href="/">首页</a>
				<a >购票</a>
				<a >正版商城</a>
				<a >新闻</a>
				<a href="{{ url('/home/movie') }}">发现</a>
				<a >社区</a>
			</div>
			<div class="logo">
				<img src="/home/images/logo.png">
			</div>
			<div class="app">
				<img src="/home/images/app.png">
			</div>
			<div class="appHidden" style="position:absolute;top:60px;right:250px;z-index:10;display:none;">
				<img src="/home/images/QRcode.png">
			</div>
			<div class="login">
				@if(empty(session('master')))
					@if(!empty(session('info')))
						<script type="text/javascript">
							alert("{{ session('info') }}");
						</script>
					@endif
				<!-- 登录前 -->
				<a href="javascript::" id="login">登录</a>
				<span>|</span>
				<a href="{{ url('/home/reg') }}">注册</a>
				@else
				<!-- 登陆后显示开始 -->
				<a href="#">
				<div class="message">
					<img id="messageImg" src="{{ url('/home/images/message.png') }}">
				</div>
				</a>
				<div class="photo">					
					<img src="{{ url(session('user') -> photo) }}" style="width:30px;height:30px;border-radius:50%;border:1px solid #ccc;">
				</div>
				<div class="user" style="width:290px;height:160px;background:#fff;position:absolute;top:60px;right:100px;z-index:10;display:none;">
					<a style="float:left; margin-left:25px;margin-top:10px" href="{{ url('/home/user/personal') }}">

						 <img style="width:80px;height:80px;border-radius:50%;" src="{{ url(session('user') -> photo) }}">

					</a>
					<a  style="float:left;margin-left:25px;font-weight:blod;font-size:16px;color:#333;" href="{{ url('/home/user/personal') }}">
						{{ session('user') -> name }}
					</a><br />
					<a style="color:#333;" href="{{ url('/home/user/personal') }}">
						修改资料
					</a>
					<a style="color:#333;" href="#">
						修改密码
					</a>
					<a style="color:#333;" href="{{ url('/home/login/cancel') }}">
						退出登录
					</a>
				</div>
				<!-- 登录后显示结束 -->
				@endif
			</div>
			<div class="shopping">
				<img src="{{ url('/home/images/shopping.png') }}">
			</div>
			<div class="doLogin">
				<div>
					<h3 class="text-center">为爱电影的人<br/><small>For people who love movies</small></h3>
				</div>
				<form action="{{ url('/home/login/dologin') }}" method="post">
				{{ csrf_field() }}
					<div class="form-group">
				    	<label class="sr-only" for="exampleInputAmount">Amount (in dollars)</label>
				    	<div class="input-group">
				      		<div class="input-group-addon"><li class="fa fa-user"></li></div>
				      		<input type="text" name="email" class="form-control" id="exampleInputAmount" placeholder="电子邮箱">
				    	</div>
				  	</div>
				  	<div class="form-group">
				    	<label class="sr-only" for="exampleInputAmount">Amount (in dollars)</label>
				    	<div class="input-group">
				      		<div class="input-group-addon"><li class="fa fa-unlock-alt"></li></div>
				      		<input type="password" name="password" class="form-control" id="exampleInputAmount" placeholder="请输入密码">
				    	</div>
				    	<input type="hidden" name="code" value="">
				  	</div>
				  	<div class="text-right">
				  		<a href="{{ url('/home/user/forget') }}">忘记密码</a>
				  	</div>
				  	<button type="submit" class="btn btn-primary" style="margin-top:10px; width:100px;">登录</button>
				  	<a href="{{ url('/home/reg') }}"><button type="button" class="btn btn-default" style="margin-top:10px; margin-left:40px; width:100px;">成为会员</button></a>
				</form>
				<div>
					<h4 class="text-center">使用第三方登录</h4>
					<div style="width:100%; text-align:center;">
                        <a href="javascript::" id="sina"></a>
                        <a href="javascript::" id="qq"></a>
                    </div>
				</div>
			</div>
			<div class="shoppingCart">
				<ul>
					<li class="fix">
						<div class="shop-pic">
							<a href="#">
								<img src="/home/images/goods/goods1.jpg" width="56" height="56">
							</a>
						</div>
						<dl class="shop-txt">
							<dt>
								<a href="#">
									愤怒的小鸟吸管杯
								</a>
							</dt>
							<dd>Red</dd>
						</dl>
						<dl class="shop-price">
							<dt>￥30</dt>
							<dd>
								<a href="#">删除</a>
							</dd>
						</dl>
					</li>
					<li class="fix">
						<div class="shop-pic">
							<a href="#">
								<img src="/home/images/goods/goods1.jpg" width="56" height="56">
							</a>
						</div>
						<dl class="shop-txt">
							<dt>
								<a href="#">
									愤怒的小鸟吸管杯
								</a>
							</dt>
							<dd>Red</dd>
						</dl>
						<dl class="shop-price">
							<dt>￥30</dt>
							<dd>
								<a href="#">删除</a>
							</dd>
						</dl>
					</li>
				</ul>
				<div class="shop-btns">
					<dl>
						<dt>
							共
							<span>2</span>
							件商品
						</dt>
						<dd>
							合计：
							<span>￥888</span>
						</dd>
					</dl>
					<a class="btnblue" href="#">去购物车结算</a>
				</div>
			</div>
		</div>
			<script type="text/javascript">

				//APP 开始
				$('.app').on('mousemove', function()
					{

						$(this).css('background-image', 'url(/home/images/app_1.png)');
						$('.appHidden').css('display', 'block');

					}).on('mouseout', function()
					{

						$(this).css('background-image', 'none');
						$('.appHidden').css('display', 'none');

					});
				//APP 结束

				//信息 开始
				$('.message').on('mousemove', function()
					{

						$('#messageImg').attr('src','/home/images/message_1.png');

					}).on('mouseout', function()
					{

						$('#messageImg').attr('src','/home/images/message.png');

					});
				//信息 结束

				//头像开始
				$('.photo').on('mousemove', function()
					{

						$('.user').css('display', 'block');

					});

				$(window).mouseout(function()
					{

						$('.user').css('display', 'none');

					});
					//事件冒泡
				$('.photo').mouseout(function(event)
					{

						event.stopPropagation();

					});

				$('.user').mouseout(function(event)
					{

						event.stopPropagation();

					});

				// 头像结束

				//登录框
				$('#login').on('click', function()
					{

						$('.doLogin').toggle();

					});

				//购物车
				$('.shopping').mousemove(function()
					{

						$('.shoppingCart').css('display', 'block');

					});

				$(window).mouseout(function()
					{

						$('.shoppingCart').css('display', 'none');

					});
					//事件冒泡
				$('.shopping').mouseout(function(event)
					{

						event.stopPropagation();

					});

				$('.shoppingCart').mouseout(function(event)
					{

						event.stopPropagation();

					});
			</script>
		
	</header>
	<content>

		@yield('content')

	</content>
	<footer>
		<div class="bottom">
		<div class="toplinee"></div>
			<div class="footout">
				<div class="footinner">
					<div class="footlogo">
						<dl>
							<dt>
								<a href="http://time.com">
									<img src="/home/images/logo_foot.png">
								</a>
							</dt>
							<dd class="clearfix">
								<a href="#">加入我们</a>
								<a href="#" class="ml30">联系我们</a>
							</dd>
							<dd class="clearfix">
								<a href="#">站务论坛</a>
								<a href="#" class="ml30">问题反馈</a>
							</dd>
							<dd class="clearfix">
								<a href="#">社区准则</a>
								<a href="#" class="ml30">网站地图</a>
							</dd>
							<dd class="clearfix">
								<a href="#">隐私政策</a>
								<a href="#" class="ml30">English</a>
							</dd>
						</dl>
						<i class="line"></i>
					</div>
					<div class="footmap">
						<dl style="width:42px;">
							<dt>栏目</dt>
							<dd>
								<a href="#">新闻</a>
							</dd>
							<dd>
								<a href="#">影院</a>
							</dd>
							<dd>
								<a href="#">商城</a>
							</dd>
							<dd>
								<a href="#">社区</a>
							</dd>
						</dl>
						<dl style="width:185px">
							<dt>推荐</dt>
							<dd>
								<a href="#">观影指南</a>
								<a class="ml30" href="#">电影票房</a>
							</dd>
							<dd>
								<a href="#">时光对话</a>
								<a class="ml30" href="#">新片预告</a>
							</dd>
							<dd>
								<a href="#">特色榜单</a>
								<a class="ml30" href="#">电影猜猜猜</a>
							</dd>
							<dd>
								<a href="#">全球拾取</a>
								<a class="ml30" href="#">卡片大富翁</a>
							</dd>
						</dl>
						<dl>
							<dt>关注我们</dt>
							<dd>
								<a href="#">
									<img src="/home/images/xinlang.png">
								</a>
							</dd>
							<dd>
								<a id="weixin" href="#">
									<img src="/home/images/weixin.png">
								</a>
							</dd>
							<dd>
								<a href="#">
									<img src="/home/images/RRS.png">
								</a>
							</dd>
						</dl>
						<div class="weixin_QR" style="display:none;position:absolute;z-index:10;left:550px;">
							<img src="/home/images/weixin_QR.png">
						</div>
						<i class="line"></i>
					</div>
					<div class="footweek">
						<dl>
							<dt>
								<strong>时光周刊</strong>
								<span class="frr">第180期</span>
							</dt>
                			<dd>
                				<a title="时光周刊" target="_blank" href="http://www.mtime.com/weekly/">	
                					<img width="170" alt="时光周刊" src="/home/images/9.png">
                				</a>
                			</dd>
                			<dd class="inputt">
                				<input type="email" placeholder="邮箱地址">
                				<a href="javascript:void(0)" id="btnSubscribe">
                				订阅
                				</a>
                			</dd>
                		</dl>
					</div>
					<div class="foothr">
						<dl>
							<dt>
								<strong>手机购票</strong>
								<span>方便 实惠</span>
							</dt>
							<dd>
								<a href="#">
									<img src="/home/images/QRcode_foot.png">
								</a>
							</dd>
							<dd id="QR">扫描二维码 下载客户端</dd>
						</dl>
					</div>
				</div>
			</div>
			<div class="db_foot">
				<p>
					<span>北京动艺时光网络科技有限公司</span>
						Copyright 2006-2016 Mtime.com Inc. All rights reserved.
					<br>
					<a class="mr12" target="_blank" href="http://feature.mtime.com/help/icp.htm">
						京ICP证050715号
					</a>
					<a class="mr12" target="_blank" href="http://feature.mtime.com/help/videolicence.htm">
						网络视听许可证0108265号
					</a>
					<a class="mr12" target="_blank" href="http://feature.mtime.com/help/network.htm">
						网络文化经营许可证
					</a>
					<a class="mr12" target="_blank" href="http://feature.mtime.com/help/tvlicence.htm">
						广播电视节目制作经营许可证(京)字第1435号
					</a>
					<span>京公网安备：110105000744号</span>
				</p>
				<div class="credible">
					<a class="credibler" title="可信网站" target="_blank" href="http://feature.mtime.com/help/credible.htm">
						<img src="/home/images/kexin.png">
					</a>
					<a class="goodfaith" title="诚信网站" target="_blank" href="http://feature.mtime.com/help/goodfaith.htm">
						<img src="/home/images/chengxin.png">
					</a>
				</div>
			</div>
		</div>
	</footer>
	<script type="text/javascript">
		
		$('#weixin').mousemove(function()
			{

				$('#weixin img').attr('src', '/home/images/weixin_1.png');
				$('.weixin_QR').css('display', 'block');

			}).mouseout(function()
			{

				$('#weixin img').attr('src', '/home/images/weixin.png');
				$('.weixin_QR').css('display', 'none');

			});

	</script>
	<!-- 从核心插件（所有页的要求） -->
    <script type="text/javascript" src="/home/js/lunbo/bootstrap.min.js"></script>      
    <!-- 开始页级（仅对当前页面所需的JavaScript代码）-->
    <script type="text/javascript" src="/home/js/lunbo/jquery.themepunch.plugins.min.js"></script>
    <script type="text/javascript" src="/home/js/lunbo/jquery.themepunch.revolution.min.js"></script> 
    <script type="text/javascript" src="/home/js/lunbo/jquery.bxslider.min.js"></script>
    <script src="/home/js/lunbo/app.js"></script>
    <script src="/home/js/lunbo/index.js"></script> 
    <script type="text/javascript">
        jQuery(document).ready(function() {
            App.init();    
            App.initBxSlider();
            Index.initRevolutionSlider();                    
        });
    </script>
</body>
</html>